<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>通话记录查询</title>
    <link rel="stylesheet" type="text/css" href="css/pagination.css" /><!-- 分页控件样式 -->
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/Callrecord.css"><!-- 通话记录查询样式 -->
    <link rel="stylesheet" type="text/css" href="css/music.css" />
    <link rel="stylesheet" type="text/css" href="blue/doubleDate.css">

    <!--[if lt IE 9]>
    <script src="js/respond.min.js"></script>
    <script src="js/html5shiv.min.js"></script>
    <![endif]-->
</head>
<body>

<!--03-01通话记录查询-->
<section class="Callrecord NoContent" style="display: block">
    <div>
        <p>通讯记录查询</p>
        <ul class="iptgroup">
            <li>通话时段：<input type="text" readonly="readonly" class="doubledate ipticon dropdown-toggle" placeholder=""/></li>
            <li>至 <input type="text" readonly="readonly" class="doubledate ipticon dropdown-toggle" placeholder=""/></li>
            <li class="dropdown">客服班组：<input id="drop1" data-toggle="dropdown" aria-haspopup="true" role="button"
                                             aria-expanded="true"  type="text" readonly="readonly" class="ipticon dropdown-toggle"/>
                <ul class="dropdown_ul dropdown-menu" aria-labelledby="drop1">
                    <li>客服班组1</li>
                    <li>客服班组2</li>
                    <li>客服班组3</li>
                </ul>
            </li>
            <li class="dropdown">客服工号：<input id="drop2" data-toggle="dropdown" aria-haspopup="true" role="button"
                                             aria-expanded="true" type="text" readonly="readonly" class="ipticon dropdown_inp dropdown-toggle"/>
                <ul class="dropdown_ul dropdown-menu" aria-labelledby="drop2">
                    <li>客服001</li>
                    <li>客服002</li>
                    <li>客服003</li>
                </ul>
            </li>
            <li class="dropdown">诉求分类：<input id="drop3" data-toggle="dropdown" aria-haspopup="true" role="button"
                                             aria-expanded="true"  type="text" readonly="readonly" class="ipticon dropdown-toggle"/>
                <ul class="dropdown_ul special dropdown-menu" aria-labelledby="drop3">
                    <li>投诉</li>
                    <li>咨询</li>
                    <li>回访</li>
                    <li>其他</li>
                </ul>
            </li>
            <li class="call_tel">电话号码：<input type="text" class="" placeholder=""/></li>
            <li class="dropdown">业务板块：<input id="drop4" data-toggle="dropdown" aria-haspopup="true" role="button"
                                             aria-expanded="true" type="text" readonly="readonly" class="ipticon dropdown-toggle"/>
                <ul class="dropdown_ul dropdown-menu" aria-labelledby="drop4">
                    <li>融资01</li>
                    <li>融资02</li>
                    <li>融资03</li>
                </ul>
            </li>
            <li class="dropdown">业务能力：<input id="drop5" data-toggle="dropdown" aria-haspopup="true" role="button"
                                             aria-expanded="true" type="text" readonly="readonly" class="ipticon dropdown-toggle"/>
                <ul class="dropdown_ul dropdown-menu" aria-labelledby="drop4">
                    <li>服务能力1</li>
                    <li>服务能力2</li>
                    <li>服务能力3</li>
                </ul>
            </li>

            <li><input type="button" class="btn btn-primary chaxun" value="查询"></li>
        </ul>
    </div>
    <div class="table_content">
        <table style="width: 100%;">
            <thead>
            <tr>
                <th>通话流水号</th>
                <th>通话时间</th>
                <th>通话号码</th>
                <th>通话时长</th>
                <th>分类</th>
                <th>诉求分类</th>
                <th>业务板块</th>
                <th>业务分类</th>
                <th>客户姓名</th>
                <th>客服工号</th>
                <th>客服班组</th>
                <th style="width: 182px;">操作</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td colspan="12" style="height: 600px;"></td>
            </tr>
            </tbody>
        </table>
    </div>
</section>
<!--通话记录查询--填写-->
<section class="Callrecord fill_in" style="display: none">
    <div>
        <p>通讯记录查询</p>
        <ul class="iptgroup call_ul">
            <li>通话时段：<input type="text" readonly="readonly" class="doubledate ipticon" placeholder="请指定起始日期"/></li>
            <li>至 <input type="text" readonly="readonly" class="doubledate ipticon" placeholder="请指定结束日期"/></li>
            <li class="dropdown">客服班组：<input id="drop6" data-toggle="dropdown" aria-haspopup="true" role="button"
                                             aria-expanded="true"  type="text" readonly="readonly" class="ipticon dropdown-toggle"/>
                <ul class="dropdown_ul dropdown-menu" aria-labelledby="drop6">
                    <li>客服班组1</li>
                    <li>客服班组2</li>
                    <li>客服班组3</li>
                </ul>
            </li>
            <li class="dropdown">客服工号：<input id="drop7" data-toggle="dropdown" aria-haspopup="true" role="button"
                                             aria-expanded="true" type="text" readonly="readonly" class="ipticon dropdown_inp dropdown-toggle"/>
                <ul class="dropdown_ul dropdown-menu" aria-labelledby="drop7">
                    <li>客服001</li>
                    <li>客服002</li>
                    <li>客服003</li>
                </ul>
            </li>
            <li class="dropdown">诉求分类：<input id="drop8" data-toggle="dropdown" aria-haspopup="true" role="button"
                                             aria-expanded="true"  type="text" readonly="readonly" class="ipticon dropdown-toggle"/>
                <ul class="dropdown_ul special dropdown-menu" aria-labelledby="drop8">
                    <li>投诉</li>
                    <li>咨询</li>
                    <li>回访</li>
                    <li>其他</li>
                </ul>
            </li>
            <li class="call_tel">电话号码：<input type="text" class="ipticon" placeholder=""/></li>
            <li class="dropdown">业务板块：<input id="drop9" data-toggle="dropdown" aria-haspopup="true" role="button"
                                             aria-expanded="true" type="text" readonly="readonly" class="ipticon dropdown-toggle"/>
                <ul class="dropdown_ul dropdown-menu" aria-labelledby="drop9">
                    <li>融资01</li>
                    <li>融资02</li>
                    <li>融资03</li>
                </ul>
            </li>
            <li class="dropdown">业务能力：<input id="drop10" data-toggle="dropdown" aria-haspopup="true" role="button"
                                             aria-expanded="true" type="text" readonly="readonly" class="ipticon dropdown-toggle"/>
                <ul class="dropdown_ul dropdown-menu" aria-labelledby="drop10">
                    <li>服务能力1</li>
                    <li>服务能力2</li>
                    <li>服务能力3</li>
                </ul>
            </li>

            <li><input type="button" class="btn btn-primary" value="查询"></li>
        </ul>
    </div>
    <div class="table_content">
        <table>
            <thead>
            <tr>
                <th>通话流水号</th>
                <th>通话时间</th>
                <th>通话号码</th>
                <th>通话时长</th>
                <th>分类</th>
                <th>诉求分类</th>
                <th>业务板块</th>
                <th>业务分类</th>
                <th>客户姓名</th>
                <th>客服工号</th>
                <th>客服班组</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>2016040801</td>
                <td>2016/04/08 09:00</td>
                <td>13656322320</td>
                <td>00:20:39</td>
                <td>呼入</td>
                <td>回访</td>
                <td>保险</td>
                <td>服务</td>
                <td>周周</td>
                <td>客服001</td>
                <td>客服班组1</td>
                <td><a class="Conversation_adetails" href="javascript:;">详情</a>&nbsp;<a class="SoundRecording" href="javascript:;">录音</a>&nbsp;<a class="revised Conversation_modify" href="javascript:;">修改</a></td>
            </tr>
            <tr>
                <td>2016040801</td>
                <td>2016/04/08 09:00</td>
                <td>13656322320</td>
                <td>00:20:39</td>
                <td>呼入</td>
                <td>回访</td>
                <td>保险</td>
                <td>服务</td>
                <td>周周</td>
                <td>客服001</td>
                <td>客服班组1</td>
                <td><a class="Conversation_adetails" href="javascript:;">详情</a>&nbsp;<a class="SoundRecording" href="javascript:;">录音</a>&nbsp;<a class="revised Conversation_modify" href="javascript:;">修改</a></td>
            </tr>
            <tr>
                <td>2016040801</td>
                <td>2016/04/08 09:00</td>
                <td>13656322320</td>
                <td>00:20:39</td>
                <td>呼入</td>
                <td>回访</td>
                <td>保险</td>
                <td>服务</td>
                <td>周周</td>
                <td>客服001</td>
                <td>客服班组1</td>
                <td><a href="javascript:;">详情</a></td>
            </tr>
            <tr>
                <td>2016040801</td>
                <td>2016/04/08 09:00</td>
                <td>13656322320</td>
                <td>00:20:39</td>
                <td>呼入</td>
                <td>回访</td>
                <td>保险</td>
                <td>服务</td>
                <td>周周</td>
                <td>客服001</td>
                <td>客服班组1</td>
                <td><a class="Conversation_adetails" href="javascript:;">详情</a>&nbsp;<a class="SoundRecording" href="javascript:;">录音</a>&nbsp;<a class="revised Conversation_modify" href="javascript:;">修改</a></td>
            </tr>
            <tr>
                <td>2016040801</td>
                <td>2016/04/08 09:00</td>
                <td>13656322320</td>
                <td>00:20:39</td>
                <td>呼入</td>
                <td>回访</td>
                <td>保险</td>
                <td>服务</td>
                <td>周周</td>
                <td>客服001</td>
                <td>客服班组1</td>
                <td><a class="Conversation_adetails" href="javascript:;">详情</a>&nbsp;<a class="SoundRecording" href="javascript:;">录音</a>&nbsp;<a class="revised Conversation_modify" href="javascript:;">修改</a></td>
            </tr>
            <tr>
                <td>2016040801</td>
                <td>2016/04/08 09:00</td>
                <td>13656322320</td>
                <td>00:20:39</td>
                <td>呼入</td>
                <td>回访</td>
                <td>保险</td>
                <td>服务</td>
                <td>周周</td>
                <td>客服001</td>
                <td>客服班组1</td>
                <td><a class="Conversation_adetails" href="javascript:;">详情</a></td>
            </tr>
            <tr>
                <td>2016040801</td>
                <td>2016/04/08 09:00</td>
                <td>13656322320</td>
                <td>00:20:39</td>
                <td>呼入</td>
                <td>回访</td>
                <td>保险</td>
                <td>服务</td>
                <td>周周</td>
                <td>客服001</td>
                <td>客服班组1</td>
                <td><a class="Conversation_adetails" href="javascript:;">详情</a>&nbsp;<a class="SoundRecording" href="javascript:;">录音</a>&nbsp;<a class="revised Conversation_modify" href="javascript:;">修改</a></td>
            </tr>
            <tr>
                <td>2016040801</td>
                <td>2016/04/08 09:00</td>
                <td>13656322320</td>
                <td>00:20:39</td>
                <td>呼入</td>
                <td>回访</td>
                <td>保险</td>
                <td>服务</td>
                <td>周周</td>
                <td>客服001</td>
                <td>客服班组1</td>
                <td><a class="Conversation_adetails" href="javascript:;">详情</a>&nbsp;<a class="SoundRecording" href="javascript:;">录音</a>&nbsp;<a class="revised Conversation_modify" href="javascript:;">修改</a></td>
            </tr>
            </tbody>
        </table>
        <div class="pages">
            <div id="Pagination" class=" text-center"></div>
        </div>
    </div>
</section>

<!--通话详情——不可修改-->

<!--通话详情——可修改-->
<!--音频播放-->
<!--通话详情——可保存-->

<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="js/doubleDate2.0.js"></script> <!--Date控件-->
<script type="text/javascript" src="js/jquery.pagination.js"></script><!-- 分页控件 -->
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/Callrecord.js"></script>
<script type="text/javascript" src="js/music.js"></script>
<script type="text/javascript">
    $(function() {
        $(".Conversation_adetails").click(function(){//详情
            parent.testFuna();
        })
        $(".Conversation_modify").click(function(){//修改
            parent.testFunb();
        })
        $(".SoundRecording").click(function(){//修改
            parent.testFund();
        })
    });
</script>

</body>
</html>